/**
 * 组件通讯的三种基本方式
 *
 * 父组件=>子组件
 * string,array,number,bool,null,undefined,object,function,{<p></p>}
 *
 */

import React from "react";

class Parent extends React.Component {
  constructor(props) {
    super(props);
    // 父组件状态
    this.state = {
      lastName: "王",
    };
  }

  render() {
    return (
      <div>
        <div>我是类父组件，我姓：{this.state.lastName}</div>
        {/* 向子组件传递数据 */}
        <Child />
      </div>
    );
  }
}

const Child = () => {
  return (
    // 显示父组件传递的数据
    <div>我是函数子组件,我姓</div>
  );
};

export default Parent;
